import React,{ Component } from "react";
import axios from 'axios';
import a from './index.less';
import Item from './item';
import Listitem from './listitem';
const Tmp = Listitem(Item,'order');
 const Listall=(props)=>(
    <React.Fragment>
        <h4 className="e-mt20">{props.type == 'multiproductList'?'增值服务套餐':'增值服务项目'}</h4>
        <ul className={props.className} >
        {
            props.list.map((element,key)=>{
                return (
                    <Tmp key={key} {...element} type={props.type}/>
                )
            })
        }
        </ul>
    </React.Fragment>
)
export default Listall;
/**
 * 经验教训
 * 任何可变数据都应只有一个数据来源（不管他是prop还是state）；
 * 在应用中保持自上而下的数据流，而不是在不同组件中同步状态；
 */